<template>
	<view class="panel" :class="currentClass">
		<slot></slot>
	</view>
</template>

<script>
	export default {
		name: "panel",
		props: {
			currentClass: {
				type: String,
				default: ""
			}
		},
		data() {
			return {

			};
		}
	}
</script>

<style lang="scss" scoped>
	.panel {
		position: relative;
		z-index: 99;
		margin: 0 24rpx 24rpx 24rpx;
		padding: 24rpx;
		background-color: #FFF;
		border-radius: 16rpx;
		overflow: hidden;
	}
</style>